@extends('home.layout.index')
@section('header')

<div class='nav-ul-view'>
  <ul class='menu g'>

    <li class='gi
        
        '>
      <a class='m-item' href='/home'>
        <span>首页</span>
      </a>
    </li>
    <li class='gio
        '>
      <a class='m-item' href='/home/chanpin'>
        <span>产品</span>
      </a>
    </li>
          <li class='gi is-active'>
          <a class='m-item' id='storeLink' href='/home/shop' data-hd-url='http://hd.oppo.com/act/2016/1001/index.html'>
            <span>商城</span>
          </a>
          </li>
    <li class='gi
        '>
      <a class='m-item' href='/home/notice'>
        <span>公告</span>
      </a>
    </li>
    <li class='gi
        '>
    
    </li>
    <a href="/home/shopcar">
        <span class="icon icon-cart"></span>
    <span class="n-item-cart cart_number" id="shopping-count">0</span>
  </a>
   
  </ul>
  </div>

@endsection
@section('content')
<html class=" js no-touch backgroundsize cssanimations csstransforms svg inlinesvg" style=""><head>
    <meta charset="utf-8">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=EDGE">
    <meta content="width=device-width,initial-scale=1, user-scalable=no" name="viewport">
    <title>购物车-OPPO智能手机官网 </title>
    <meta name="keywords" content="购物车,OPPO智能手机官网 ">
    <meta name="description" content="OPPO手机购物车为您提供OPPO手机购物车流程,想知道更多的购物车信息，就在OPPO智能手机官网。 ">
    <link media="all" type="text/css" rel="stylesheet" href="/shopcar_files/styles.css">

    <script type="text/javascript" defer="defer" async="" src="/shopcar_files/uta.js"></script><script src="/shopcar_files/optj-1.js"></script><script async="" src=/"shopcar_files/analytics.js"></script><script src="/
    shopcar_files/hm.js"></script><script type="text/javascript">
		function checkBrowser(){
			var browser = {};
			var div = document.createElement( "div" );
			div.innerHTML = "<link/><table></table><a href='/a'>a</a><input type='checkbox'/>";
            var a = div.getElementsByTagName( "a" )[0];
			style = a && a.style;
			if (!style) {
				return;
			}
			style.cssText = "float:left;opacity:.5";
			// Support: IE<9
			// Make sure that element opacity exists (as opposed to filter)
			browser.opacity = style.opacity === "0.5";
			// Verify style float existence
			// (IE uses styleFloat instead of cssFloat)
			browser.cssFloat = !!style.cssFloat;
			if(browser.opacity && browser.cssFloat){
				return true;
			}else{
                //IE 8测试
                var userAgent = navigator.userAgent.toLocaleUpperCase();
                var msie = /MSIE [\d\.]+/;
                var version = msie.exec(userAgent);
                if (version<"MSIE 8") return false;
                else return true;
			}
		}
        var v = checkBrowser();
		if (!v) {
			window.location.href = "http://www.opposhop.cn/lower.html";
		}
    </script>
    
    <script src="/shopcar_files/modernizr.js"></script>

          </head>
  <body>

        <main class="main-content slab-light">
      <div class="wrapper">
        <ul class="breadcrumb">
  <li>
    <a href="http://www.oppo.com/cn/">
      首页
      <span>/</span>
    </a>
  </li>
            <li>
                  购物车
              </li>
      </ul>
        <div class="brick-bottom">
          <ul class="steps"><li class="one active step-completed">
    <div class="step-content">
            <h5 class="step-heading">购物车</h5>
      <div class="step-gradient"></div>
    </div>
  </li><li class="two  ">
    <div class="step-content palm-right-text">
            <h5 class="step-heading">填写订单</h5>
      <div class="step-gradient"></div>
    </div>
  </li><li class="three ">
    <div class="step-content">
            <h5 class="step-heading">支付</h5>
      <div class="step-gradient"></div>
    </div>
  </li></ul>

          <div class="row">
            <div class="col-md-12">
            <div class="alert alert-danger" role="alert">
              <ul class="list-unstyled">
                <strong class="error_msg_note">
                </strong>
              </ul>
            </div>
            </div>
          </div>

          
          <form class="g">
            <div class="gi one-whole slab-white-border cart-reversion">
              <ul class="purchase-list-header">
                <li class="first">
                  <label class="check-box-label check-box-all is-checked" for="checkAll">
                    <span class="icon icon-checkbox"></span>
                    <span class="space-ml-10">全选</span>
                  </label>
                </li>
                <li class="second">产品</li>
                <li class="third">数量</li>
                <li class="four">单价</li>
                <li class="five">操作</li>
              </ul>
              <div class="brick-shadow purchase-list">
                <div class="cart-product cart-product-l cart-product-f8ca3800019424b63a59436d1f8624dd  ">
            <div class="cart-product-choice">
                                <label class="check-box-label check-box-item is-checked" data-id="f8ca3800019424b63a59436d1f8624dd">
                    <span class="icon icon-checkbox"></span>
                </label>
                                <a class="cart-product-image" href="http://www.opposhop.cn/products/397" target="_blank">
                    <img src="/shopcar_files/2016120610125258462624378c0.png">
                </a>
            </div>
            <div class="cart-product-info">
                <div class="cart-product-description">
                    <h3 class="heading"><a href="http://www.opposhop.cn/products/397" target="_blank">A57 玫瑰金 1600万美颜自拍</a></h3>

                    <p>玫瑰金|全网通|32G</p>
                </div>
                <div class="cart-counter-box">
                    <div class="counter-box">
                        <a class="btn minus" data-id="f8ca3800019424b63a59436d1f8624dd">-</a>
                        <input class="number cart-product-quantity-f8ca3800019424b63a59436d1f8624dd" readonly="readonly" value="1" data-quantity="1" data-price="1599.00" type="text">
                        <a class="btn plus" data-id="f8ca3800019424b63a59436d1f8624dd">+</a>
                    </div>
                </div>
                <div class="cart-product-price">
                                            <span class="normal">￥1599.00</span>
                                    </div>
                <div class="cart-product-delete cart-product-delete-word" data-id="f8ca3800019424b63a59436d1f8624dd">删除</div>
                <span class="cart-product-delete cart-product-delete-icon icon icon-close-circle" data-id="f8ca3800019424b63a59436d1f8624dd"></span>
            </div>
        </div>

         
                
       <div class="cart-fee">
        <ul>
          <li>
            <span class="cart-fee-title">商品数量：</span>
            <span class="cart-fee-data total-amount">1</span>
          </li>
          <li>
            <span class="cart-fee-title">小计：</span>
            <span class="cart-fee-data total-fee">￥1599.00</span>
          </li>
          
        </ul>
    </div>
              </div>
              <div class="form-actions brick-shadow">
                <div class="form-actions-left">
                  <a class="link-primary" href="/home/shop" target="_blank">继续购买&gt;&gt;</a>
                </div>
                <div class="form-actions-right">
                        <a class="button cart-button" id="shipping_btn" href="/home/writeorder/index">结算</a>
                </div>
              </div>
            </div>
          </form>
        </div>
        <div class="cart-btn-check">
          <a class="button cart-button oppo-tj" id="shipping_btn_m" href="" data-tj="store|btn|check|sticky">结算</a>
        </div>
              </div>
    </main>
    <div id="dialog-confirm" class="hidden">
			<div class="mask-common"></div>
			<div class="dialog-common dialog-box-common">
				<div class="dialog-container">
					<a class="dialog-close-common">×</a>
					<div class="dialog-content-common">
												<div class="field">
							<h4 class="dialog-title-common">您确定要删除该商品吗？</h4>
						</div>
																		<div class="dialog-common-content">
												</div>
												<div class="field dialog-btn">
							<div class="g g-wrapper-s">
																<div class="gi lap-one-half">
									<a class="button button-one">确定</a>
								</div>
																								<div class="gi lap-one-half">
									<a class="button-light button-two">取消</a>
								</div>
															</div>
						</div>
																	</div>
				</div>
			</div>
		</div>
	    <div id="dialog-error-msg" class="hidden">
			<div class="mask-common"></div>
			<div class="dialog-common dialog-box-common">
				<div class="dialog-container">
					<a class="dialog-close-common">×</a>
					<div class="dialog-content-common">
												<div class="field">
							<h4 class="dialog-title-common">.</h4>
						</div>
																		<div class="dialog-common-content">
												</div>
																		<div class="field dialog-btn">
							<div class="g g-wrapper-s">
								<div class="gi lap-one-whole">
									<a class="button button-one-whole">确定</a>
								</div>
							</div>
						</div>
											</div>
				</div>
			</div>
		</div>
	       

  

    <script src="/shopcar_files/jquery-1.js"></script>

    <script src="/shopcar_files/jquery.js"></script>

    <script src="/shopcar_files/underscore-min.js"></script>

    <script src="/shopcar_files/es5-shim.js"></script>

    <script src="/shopcar_files/base64.js"></script>

    <script src="/shopcar_files/custom_form.js"></script>

    <script src="/shopcar_files/jquery_002.js"></script>

    <script src="/shopcar_files/slick.js"></script>

    <script src="/shopcar_files/responsive.js"></script>

    <script src="/shopcar_files/picturefill.js"></script>

    <script src="/shopcar_files/scripts.js"></script>

        <script src="/shopcar_files/opposhop.js"></script>


            <script type="text/javascript">
    var vm;
    OPPO.conf.BASE_URL = "http://www.opposhop.cn";
    OPPO.conf.STORE_URL = 'http://www.opposhop.cn';
    OPPO.conf.ACCOUNT_URL = 'http://my.oppo.com';
    OPPO.conf.WWW_URL = "http://www.oppo.com/cn/";
    OPPO.conf.SSO_LOGIN_URL = "https://id.oppo.com/login";
    OPPO.conf.date = '1487227757';
    
    var url = OPPO.conf.STORE_URL + '/auth/check';
    //callback for jsonp
    var successCallback = function(data){
        $('ul.log-area .hasLogout').removeClass('show').addClass('hidden');
        $('ul.log-area .hasLogin').removeClass('hidden').addClass('show');
        $('.cart_number').text(data['cart_number']);
        $('.n-messages').text("(" + data['message_number'] + ")");
        $('.user-menu').addClass('isLogin');
        $('.user-menu-toLogin').hide();
        if (data['message_number']>0 || data['cart_number']>0) {
          $('.js-open-user').addClass('point-red');
          if (data['message_number']>0) $('.user-menu-message a').addClass('point-red');
          if (data['cart_number']>0) $('.user-menu-cart a').addClass('point-red');
        };
        if (data['append'] != '') $('body').append(data['append']);
    };
    var errorCallback = function(){
        $('ul.log-area .hasLogin').removeClass('show').addClass('hidden');
        $('ul.log-area .hasLogout').removeClass('hidden').addClass('show');
        $('.cart_number').text(0);
    };
    $.ajax({
        url: url,
        type: 'GET',
        dataType: 'jsonp',
        error: function() {
            errorCallback();
        },
        success: function(data){
            successCallback(data);
        }
    });

    (function () {
        var controllerNameWithAction = "CartsController@index".split('@');
        var controllerName = controllerNameWithAction[0];
        var actionName = controllerNameWithAction[1];
        var controller = OPPO.controller[controllerName];
        if (controller) {
            action = controller()[actionName];
            if (action) {
                $(function () {
                    vm = action();
                });
            }
        }
        // else console.log(controllerNameWithAction);
    })();
    </script>

    <script type="text/javascript">
      $(function(){
              });
    </script>
    <!-- 百度统计代码  -->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?9cb8846b548404438c81aaa02eda4f0f";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>

<!-- 谷歌统计代码 -->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-66238290-1', 'auto');
  ga('send', 'pageview');
</script>

<!--oppo统计-->
<script>
var _optj = _optj || [];
//判断是否登录，有登录则输出用户ID
    _optj.push(['_uid', '246905120']);

//加入购物车的商品ID信息
    _optj.push(['_cart_gid','397']);

//判断是否有订单号信息 有则输出


 //判断是否有订单的商品ID信息 有则输出 多个用"|"中划线分割


(function() {
  var op = document.createElement("script");
  op.src = "http://shopfs.myoppo.com/hd/static/js/optj-1.1.0.min.js?20161104";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(op, s);
})();
</script>

<!-- 华扬统计 -->
<script type="text/javascript">
var _utaq = _utaq || [];
_utaq.push(["trackPageView"]);
_utaq.push(["enableLinkTracking"]);
(function() {
var utu="https://sit.gentags.net/";
_utaq.push(["setTrackerUrl", utu+"site/unids.gif"]);
_utaq.push(["setSiteId", "1351"]);
var utd=document, ut=utd.createElement("script"), s=utd.getElementsByTagName("script")[0]; ut.type="text/javascript";
ut.defer=true; ut.async=true; ut.src=utu+"adagent/js/uta.js"; s.parentNode.insertBefore(ut,s);
})();
</script>
<noscript><img src="https://sit.gentags.net/site/img?site=1351" style="border:0" alt="" /></noscript> 

<!--听云监测-->
<script src="/shopcar_files/tingyun-rum.js"></script>

<script type="text/javascript">
$(function(){
  $("body").on("click",".oppo-tj",function(){
    if (typeof $(this).data('tj') != 'undefined' && typeof _optj != 'undefined') {
      var tj = $(this).data('tj');
      var tjs = tj.split("|");
      _optj.push(['_trackEvent', tjs[0], tjs[1], tjs[2], tjs[3]]);
    };
  });
});
</script>
  

<div class="js-sensor"></div><div id="UniSwfStore_uniswfstore_0" style="position: absolute; top: -2000px; left: -2000px;"><object codebase="https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" id="UniSwfStore_uniswfstore_1" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" height="1" width="1">	<param value="http://sit.gentags.net/adagent/gunic.swf" name="movie">	<param value="logfn=UniSwfStore.uniswfstore.log&amp;" name="FlashVars">	<param value="always" name="allowScriptAccess">	<embed pluginspage="https://www.macromedia.com/go/getflashplayer" flashvars="logfn=UniSwfStore.uniswfstore.log&amp;" type="application/x-shockwave-flash" allowscriptaccess="always" quality="high" loop="false" play="true" name="UniSwfStore_uniswfstore_1" bgcolor="#ffffff" src="/shopcar_files/gunic.swf" height="1" align="middle" width="1"></object></div></body></html>
@endsection